<template>
  <div class="multi-regex">

    <div class="regex">
      <!-- <div>
        <button @click="onAdd">添加</button>
      </div> -->
      <div class="op">
        <el-button type="primary" @click="onTransfer" size="medium " >转换</el-button>
      </div>

    </div>

    <div class="content1">
      <el-input
        class ="input"
        type="textarea"
        :autosize="false"
        resize='none'
        :rows="50"
        placeholder="请输入内容"
        v-model="input">
      </el-input>
    </div>

  </div>
</template>

<script lang="ts" src = './BaiduAudio.ts'>
</script>

<style lang="scss">
.multi-regex {
  margin: 20px auto;
  height: 100%;
  .regex {
    width: 100%;
    margin: 20px auto;
    text-align: center;

    .regex-item {
      margin: 10px 5px;
      .el-input {
        width: 280px;
      }
    }
    .op {
      margin: auto;
      width: 600px;
      .el-button {
        margin-left: 50px;
      }
    }
  }
  .content1 {
    width: 95%;
    margin: auto;
    padding-bottom: 50px;
    .transfer {
      width: 5%;
      display: inline-block;
      i {
        margin: auto;
      }
    }
    .input {
      width: 90%;
    }
  }
}
</style>
